<div [hidden]="!(currentStep==='list')">
  <app-programme-filter
    #programmeFilter
    (onSearch)="onSearch($event.params)">
  </app-programme-filter>
  <div style="margin-bottom: 16px;margin-top: 16px;">
    <button nz-button [nzType]="'primary'" (click)="onSearch()">onSearch</button>
    <button nz-button [nzType]="'primary'" (click)="onAdd()">Add</button>
    <button nz-button [nzType]="'primary'" (click)="onEditSelect()">edit</button>
    <button nz-button [nzType]="'primary'" (click)="onRemoveSelections()">remove</button>
  </div>
  <app-programme-grid
    #programmeGrid
    (onEdit)="onEdit($event.entity)"
    (onRemove)="onRemove($event.entity)"
    (onProject)="onProject($event.entity)">
  </app-programme-grid>
</div>
<app-programme-form
  #programmeForm
  *ngIf="currentStep==='form'"
  [(entity)]="currentSelection"
  (onOk)="onOk($event.entity)"
  (onCancel)="onCancel()"
></app-programme-form>
